<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>硕康源</title>
    <link rel="icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="font/iconfont.css" />
    <link rel="stylesheet" href="dist/styles/main.min.css" />
</head>

<body>
    <!-- top -->
    <iframe class="index-iframe" src="top.html" width="100%" height="30px" frameborder="0" scrolling="no"></iframe>
    <!-- nav -->
    <div class="index-nav">
        <div class="index-nav-cont">
            <img class="index-logo" src="img/logo.png" alt="logo" onclick="self.location='index.html'">

            <div class="index-nav-frame clearfix">
                <div class="index-nav-frame-line active" tabindex="-1" onclick="self.location='index.html'">
                    首页
                </div>

                <div class="index-nav-frame-line" tabindex="-1" onclick="self.location='pdx.html'">
                    PDX
                </div>
                <div class="index-nav-frame-line" tabindex="-1">
                    <div class="index-nav-frame-line-title">
                        用户服务方案<i class="iconfont icon-up updown"></i>
                    </div>
                    <div class="index-nav-frame-line-center">
                        <div class="index-nav-frame-line-li">
                            <a class="index-nav-a" href="fangan1.html">肿瘤患者服务方案</a>
                        </div>
                        <div class="index-nav-frame-line-li">
                            <a class="index-nav-a" href="fangan2.html">科研机构服务方案</a>
                        </div>
                        <div class="index-nav-frame-line-li">
                            <a class="index-nav-a" href="fangan3.html">药物研发企业服务方案</a>
                        </div>
                    </div>
                </div>
                <div class="index-nav-frame-line" tabindex="-1" onclick="self.location='information.html'">
                    学术资讯
                </div>
                <div class="index-nav-frame-line" tabindex="-1" onclick="self.location='about.html'">
                    关于我们
                </div>
                <!-- <div class="index-nav-frame-line" tabindex="-1" onclick="self.location='join.html'">
                    加入我们
                </div> -->
            </div>
        </div>
    </div>
    <!-- banner -->
    <div class="index-banner">
        <div class="swiper-container">
            <div class="swiper-wrapper" id="bannerCont">
                <!--<div class="swiper-slide"><a href=""><img src="img/index-banner1.png" width="100%"></a></div>
                <div class="swiper-slide"><a href=""><img src="img/index-banner1.png" width="100%"></a></div>
                <div class="swiper-slide"><a href=""><img src="img/index-banner1.png" width="100%"></a></div>-->
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <!-- total -->
    <div class="index-tongji">
        <div class="min-width index-tongji-cont" id="tongjiCont">
            <!-- <div class="index-tongji-items">
                <span class="index-tongji-icon-border"><i class="iconfont icon-yuanxiaoleixing-"></i></span>
                <ul class="index-tongji-ul">
                    <li class="index-tongji-num">1 <span class="index-tongji-dw">家</span></li>
                    <li class="index-tongji-ms">国家级科研院所</li>
                </ul>
            </div>
            <div class="index-tongji-items">
                <span class="index-tongji-icon-border"><i class="iconfont icon-yuanxiaoleixing-"></i></span>
                <ul class="index-tongji-ul">
                    <li class="index-tongji-num">3 <span class="index-tongji-dw">个</span></li>
                    <li class="index-tongji-ms">知名专家</li>
                </ul>
            </div>
            <div class="index-tongji-items">
                <span class="index-tongji-icon-border"><i class="iconfont icon-yuanxiaoleixing-"></i></span>
                <ul class="index-tongji-ul">
                    <li class="index-tongji-num">674 <span class="index-tongji-dw">例</span></li>
                    <li class="index-tongji-ms">临床案例</li>
                </ul>
            </div>
            <div class="index-tongji-items">
                <span class="index-tongji-icon-border"><i class="iconfont icon-yuanxiaoleixing-"></i></span>
                <ul class="index-tongji-ul">
                    <li class="index-tongji-num">45 <span class="index-tongji-dw">例</span></li>
                    <li class="index-tongji-ms">联合用药评价完成</li>
                </ul>
            </div> -->
        </div>
    </div>
    <!-- 公司介绍 -->
    <div class="index-article">
        <div class="index-article-title">
            <p class="index-article-title-t">公司介绍</p>
            <span class="index-article-title-sm">HOME POGE</span>
        </div>
        <div class="min-width index-comp-produce">
            <img class="comp-produce-img" src="img/produce-img.png" />
            <ul class="comp-produce-aside">
                <li class="comp-produce-line"></li>
                <li class="comp-produce-text">
                    中国医学科学院医学实验动物研究所是从事实验动物学和比较医学科研与教学的专业研究所，已与全国国家领域内顶尖的肿瘤医院合作，搭建PDX(人源肿瘤异种移植)动
                    物模型平台。依托改平台，成立了北京硕康源生物医学科技
                    发展有限公司，从事PDX模型资源研制及肿瘤病人个体化诊疗服务。
                </li>
                <li class="comp-produce-btn public-button" onclick="self.location='about.html'">查看详情</li>
            </ul>
        </div>
    </div>
    <!-- 业务范围 -->
    <div class="index-article bg-f9">
        <div class="index-article-title">
            <p class="index-article-title-t">业务范围</p>
            <span class="index-article-title-sm">THE BUSINESS SCOPE</span>
        </div>
        <div class="min-width bus-scope-center">
            <div class="index-bus-scope">
                <div class="index-bus-scope-items">
                    <p class="bus-scope-items-title">
                        <span>肿瘤患者服务方案</span>
                        <a href="fangan1.html" class="bus-scope-items-SMtitle">方案详情 <i class="iconfont icon-you"></i></a>
                    </p>
                    <ul class="bus-scope-items-ul">
                        <li><img src="img/scope-img1.png" width="100%" /></li>
                        <li class="bus-scope-items-t">个体化PDX药物敏感测试</li>
                        <li class="bus-scope-items-t">活体肿瘤组织保存</li>
                        <li class="bus-scope-items-t">化疗药敏测试</li>
                    </ul>
                </div>
                <div class="index-bus-scope-items">
                    <p class="bus-scope-items-title">
                        <span>科研机构服务方案</span>
                        <a href="fangan2.html" class="bus-scope-items-SMtitle">方案详情 <i class="iconfont icon-you"></i></a>
                    </p>
                    <ul class="bus-scope-items-ul">
                        <li><img src="img/scope-img2.png" width="100%" /></li>
                        <li class="bus-scope-items-t">药物测试</li>
                        <li class="bus-scope-items-t">药物筛选</li>
                        <li class="bus-scope-items-t">课题实验数据</li>
                    </ul>
                </div>
                <div class="index-bus-scope-items">
                    <p class="bus-scope-items-title">
                        <span>药物研发企业服务方案</span>
                        <a href="fangan3.html" class="bus-scope-items-SMtitle">方案详情 <i class="iconfont icon-you"></i></a>
                    </p>
                    <ul class="bus-scope-items-ul">
                        <li><img src="img/scope-img3.png" width="100%" /></li>
                        <li class="bus-scope-items-t">新药测试</li>
                        <li class="bus-scope-items-t">药物筛选</li>
                    </ul>
                </div>
            </div>
            <div class="comp-produce-btn public-button bus-scope-center-btn" onclick="self.location='fangan1.html'">
                方案中心
            </div>
        </div>
    </div>
    <!-- 公司优势 -->
    <div class="index-article">
        <div class="index-article-title">
            <p class="index-article-title-t">公司优势</p>
            <span class="index-article-title-sm">ADVANTAGE</span>
        </div>
        <div class="min-width index-copm-advantage">
            <div class="index-copm-advantage-items">
                <img src="img/advantage-img1.png" />
                <ul class="copm-advantage-items-ul">
                    <li class="copm-advantage-items-title">国家级技术平台</li>
                    <li class="copm-advantage-items-ms">
                        是国内首家由中国医学院参与并发展的高科技企业，PDX技术服务平台技术体系全部转化自中国医学科学院医学实验动物研究所PDX动物模型平台，
                        创立了比较医学学科，系统的比较医学分析评价技术（肿瘤学、病理学、药理学）
                    </li>
                </ul>
            </div>
            <div class="index-copm-advantage-items">
                <img src="img/advantage-img2.png" />
                <ul class="copm-advantage-items-ul">
                    <li class="copm-advantage-items-title">国内一线专家团队</li>
                    <li class="copm-advantage-items-ms">
                        资深的肿瘤学、病理学专家均参与研发，每一位专家在肿瘤生物学特征分析、药效评价等方面都具备国内先进水平
                    </li>
                </ul>
            </div>
            <div class="index-copm-advantage-items">
                <img src="img/advantage-img3.png" />
                <ul class="copm-advantage-items-ul">
                    <li class="copm-advantage-items-title">模式动物质优量多</li>
                    <li class="copm-advantage-items-ms">
                        北京华阜康生物科技股份有限公司是全国销量最大的动物生产基地，位于北京市昌平区马池口镇，目前已于该公司达成合作，实验所用动物全部来自于该基地。
                    </li>
                </ul>
            </div>
            <div class="index-copm-advantage-items">
                <img src="img/advantage-img4.png" />
                <ul class="copm-advantage-items-ul">
                    <li class="copm-advantage-items-title">病例、科研资源丰富</li>
                    <li class="copm-advantage-items-ms">
                        与北京协和医院、中国医学科学院医学实验动物研究所肿瘤医院等国内知名肿瘤医院、科研院所合作，进行相互间的资源整合。
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 学术资讯 -->
    <div class="index-article bg-f9">
        <div class="index-article-title">
            <p class="index-article-title-t">学术资讯</p>
            <span class="index-article-title-sm">ACADEMIC INFO</span>
        </div>
        <div class="min-width index-academic">
            <div id="academicCont">
                <!-- <div class="index-academic-items">
                    <img class="index-academic-items-img" src="img/academic-img1.png" />
                    <ul class="academic-items-ul">
                        <li class="academic-items-title">肿瘤诊断和免疫治疗的临床检测</li>
                        <li class="academic-items-t">
                            是国内首家由中国医学院参与并发展的高科技企业，创立了比较医学学科，系统的比较医学分析评价技术（肿瘤学、病理学、药理学）
                        </li>
                        <li class="academic-items-b">
                            <span>硕康源-新闻资讯</span><span class="academic-items-b-date">2018-11-01 13:28</span>
                        </li>
                    </ul>
                </div> -->
            </div>
            <div class="comp-produce-btn public-button bus-scope-center-btn" onclick="self.location='information.html'">
                更多资讯
            </div>
        </div>
    </div>
    <!-- footer -->
    <iframe class="index-iframe" id="footer" src="foot.html" frameborder="0" scrolling="no" width="100%" height="260px"></iframe>
    <!-- 浮动面板 -->
    <div class="quick-right">
        <div class="quick-right-cont">
            <ul class="quick-right-ul">
                <li class="quick-right-items" id="erweima"><i class="iconfont icon-erweima"></i></li>
                <li class="quick-right-items" id="quickTel"><i class="iconfont icon-phone"></i></li>
                <li class="quick-right-items" id="quickEmail" onclick="self.location='service.html?id=3'"><i class="iconfont icon-mail"></i></li>
                <li class="quick-right-items" id="top"><i class="iconfont icon-xiangshangshouqi-xianxingyuankuang"></i></li>
            </ul>
            <div class="quick-right-img">
                <p class="quick-right-img-ms">扫码关注微信公众号</p>
                <img src="img/erweima.png" width="100%">
            </div>
            <div class="quick-right-tel">
                <p>联系电话</p>
                <p>010-67779532</p>
            </div>
        </div>
    </div>
</body>
<script src="dist/js/main.min.js"></script>
<script src="layer/layer.js"></script>
<script src="config/api.js"></script>
<script>
    // ajax banner
    $.ajax({
        url: ajaxUrl + "/indexInterface",
        dataTypt: "json",
        async: true,
        success: function (res) {
            if (res.code == 200) {
                let paramList = res.content.paramList; // banner下方统计
                let list = res.content.list; // banner图
                let html = "";
                let htmlTJ = "";
                // banner
                for (let i = 0; i < list.length; i++) {
                    html +=
                        '<div class="swiper-slide"><a href="' +
                        list[i].bannerUrl +
                        '"><img src="' +
                        list[i].bannerSrc +
                        '" width="100%"></a></div>';
                }
                // banner 统计
                for (let j = 0; j < paramList.length; j++) {
                    htmlTJ += '<div class="index-tongji-items">';
                    if (j == 0) {
                        htmlTJ +=
                            '<span class="index-tongji-icon-border"><i class="iconfont icon-yuanxiaoleixing-"></i></span>';
                    } else if (j == 1) {
                        htmlTJ +=
                            '<span class="index-tongji-icon-border"><i class="iconfont icon-zhuanjia"></i></span>';
                    } else if (j == 2) {
                        htmlTJ +=
                            '<span class="index-tongji-icon-border"><i class="iconfont icon-dingdan"></i></span>';
                    } else {
                        htmlTJ +=
                            '<span class="index-tongji-icon-border"><i class="iconfont icon-icon"></i></span>';
                    }
                    htmlTJ += '<ul class="index-tongji-ul">';
                    htmlTJ +=
                        '<li class="index-tongji-num">' +
                        paramList[j].paramValue +
                        ' <span class="index-tongji-dw">' +
                        paramList[j].paramUnit +
                        "</span></li>";
                    htmlTJ +=
                        '<li class="index-tongji-ms">' + paramList[j].paramName + "</li>";
                    htmlTJ += "</ul>";
                    htmlTJ += "</div>";
                }
                $("#bannerCont").html(html);
                $("#tongjiCont").html(htmlTJ);
                // swiper
                var mySwiper = new Swiper(".swiper-container", {
                    loop: true, // 循环模式选项
                    autoplay: {
                        disableOnInteraction: false
                    },
                    // 如果需要分页器
                    pagination: {
                        el: ".swiper-pagination"
                    }
                });
            } else {
                layer.msg(msgErro);
            }
        },
        error: function () {
            layer.msg(msgAjaxErro);
        }
    });

    // 资讯
    $.ajax({
        method: "post",
        url: ajaxUrl + "/information/listInterface",
        dataTypt: "json",
        async: true,
        data: JSON.stringify({
            "informationType": "-1",
            "rule": "ID"
        }),
        contentType: 'application/json;charset=UTF-8',
        success: function (res) {
            if (res.code == 200) {
                let list = res.content.list;
                let html = '';
                for (let i = 0; i < (res.content.list > 5 ? 5 : res.content.list.length); i++) {
                    if (list[i].informationSource == 0) {
                        html += '<a href="information-detail.html?id=' + list[i].id +
                            '"><div class="index-academic-items">'
                    } else {
                        html += '<a href="' + list[i].informationAdress +
                            '" target="_block"><div class="index-academic-items">'
                    }
                    html += '<img class="index-academic-items-img" src="' + list[i].informationImg + '" />'
                    html += '<ul class="academic-items-ul">'
                    html += '<li class="academic-items-title">' + list[i].informationName + '</li>'
                    html += '<li class="academic-items-t">' + list[i].informationAbstract + '</li>'
                    if (list[i].informationType == 0) {
                        html +=
                            '<li class="academic-items-b"><span>硕康源-新闻资讯</span><span class="academic-items-b-date">' +
                            list[i].publishTime + '</span></li>'
                    } else {
                        html +=
                            '<li class="academic-items-b"><span>硕康源-学术动态</span><span class="academic-items-b-date">' +
                            list[i].publishTime + '</span></li>'
                    }
                    html += '</ul></div></a>'
                }
                $("#academicCont").html(html);
            } else {
                layer.msg(msgErro);
            }
        },
        error: function () {
            layer.msg(msgAjaxErro);
        }
    })
</script>

</html>